<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>面试题</title>
  </head>
  <body>
    <!-- 
        什么时候进队列？要执行的时候；
        如果先执行的回调，回调没丢缓存到自身了
     -->
    <img src="../promise的理解和使用/img/截屏2022-09-13 16.38.46.png" alt="" />
    <img src="../promise的理解和使用/img/截屏2022-09-13 16.39.45.png" alt="" />
    <img src="../promise的理解和使用/img/截屏2022-09-13 16.43.49.png" alt="" />
    <img src="../promise的理解和使用/img/截屏2022-09-13 16.44.08.png" alt="" />
    <img src="../promise的理解和使用/img/截屏2022-09-13 16.49.46.png" alt="" />
    <script>
      setTimeout(() => {
        console.log('0')
      }, 0)
      new Promise((resolve, reject) => {
        console.log('1')
        resolve()
      })
        .then(() => {
          console.log('2')
          new Promise((resolve, reject) => {
            console.log('3')
            resolve()
          })
            .then(() => {
              console.log('4')
            })
            .then(() => {
              console.log('5')
            })
        })
        .then(() => {
          console.log('6')
        })
      new Promise((resolve, reject) => {
        console.log('7')
        resolve()
      }).then(() => {
        console.log('8')
      })
    </script>
  </body>
</html>
